<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        iframe {
            width: 1000px;
            height: 800px;
        }
    </style>
</head>
<body>
    <!-- iframe标签的作用就是页面包含 -->
    <!-- iframe标签是 行内块元素 frameborder="0" 去除边框 -->
    <!-- 
        target: 除了 _self 和 _blank 还有其他的值
        如果 target的值和iframe标签的 name属性的值相同,
        那么点击a链接, 页面会跳转到iframe标签中
     -->
     <a href="login.html" target="aaa">login.html</a>
     <a href="index.html" target="aaa">index.html</a>
     <a href="dashboard.html" target="aaa">dashboard.html</a>
     <a href="score.html" target="aaa">score.html</a>
     <a href="student.html" target="aaa">student.html</a> <br><br>                                                                               
     <!-- src属性就是设置包含页面用的 -->
     <!-- 点击a链接, 让iframe标签显示a链接里面的页面 -->
     <iframe src="./login.html" frameborder="0" name="aaa"></iframe>


     <script>
        // 判断一个数组里面是否包含,满足某个条件的对象
        // find():根据条件,在数组中查询第一个满足条件的元素
        const arr = [{value:40,name:'河南省'},{value:88,name:'湖北省'}]

        // 根据条件找到元素,就返回这个元素,找不到就返回undefined
        // 意思:item的name值如果是'广东省',那么就返回当前的item
        let obj = arr.find(item =>item.name =='广东省')
        console.log(obj);

        // 根据条件找到元素对应的索引值,找不到返回-1
        let index = arr.findIndex(item =>item.name='湖北省')
        console.log(index);
    </script>
    </body>
</html>